//扩展webpack配置
const path = require('path')

module.exports = {
    //webpack配置
    webpack: {
        //配置别名
        alias: {
            //约定 使用 @ 表示 src 文件所在路径
            '@': path.resolve(__dirname, 'src')
        }
        // 配置webpack
        // 配置CDN
        // configure: (webpackConfig) => {
        //     let cdn = {
        //         js: []
        //     }
        //     whenProd(() => {
        //         // key: 不参与打包的包(由dependencies依赖项中的key决定)
        //         // value: cdn文件中 挂载于全局的变量名称 为了替换之前在开发环境下
        //         webpackConfig.externals = {
        //             react: 'React',
        //             'react-dom': 'ReactDOM'
        //         }
        //         // 配置现成的cdn资源地址
        //         // 实际开发的时候 用公司自己花钱买的cdn服务器
        //         cdn = {
        //             js: [
        //                 'https://cdnjs.cloudflare.com/ajax/libs/react/18.1.0/umd/react.production.min.js',
        //                 'https://cdnjs.cloudflare.com/ajax/libs/react-dom/18.1.0/umd/react-dom.production.min.js',
        //             ]
        //         }
        //     })

        //     // 通过 htmlWebpackPlugin插件 在public/index.html注入cdn资源url
        //     const { isFound, match } = getPlugin(
        //         webpackConfig,
        //         pluginByName('HtmlWebpackPlugin')
        //     )

        //     if (isFound) {
        //         // 找到了HtmlWebpackPlugin的插件
        //         match.userOptions.files = cdn
        //     }

        //     return webpackConfig
        // }
    }
}